import defaultSettings from './defaultSettings'; // https://umijs.org/config/

import slash from 'slash2';
import themePluginConfig from './themePluginConfig';
import proxy from './proxy';
import webpackPlugin from './plugin.config';
const { pwa } = defaultSettings; // preview.pro.ant.design only do not use in your production ;
// preview.pro.ant.design 专用环境变量，请不要在你的项目中使用它。

const { ANT_DESIGN_PRO_ONLY_DO_NOT_USE_IN_YOUR_PRODUCTION, REACT_APP_ENV } = process.env;
const isAntDesignProPreview = ANT_DESIGN_PRO_ONLY_DO_NOT_USE_IN_YOUR_PRODUCTION === 'site';
const plugins = [
  [ 'umi-plugin-antd-icon-config', {} ],
  [
    'umi-plugin-react',
    {
      antd: true,
      dva: {
        hmr: true,
      },
      locale: {
        // default false
        enable: true,
        // default zh-CN
        default: 'zh-CN',
        // default true, when it is true, will use `navigator.language` overwrite default
        baseNavigator: true,
      },
      dynamicImport: {
        loadingComponent: './components/PageLoading/index',
        webpackChunkName: true,
        level: 3,
      },
      pwa: pwa
        ? {
          workboxPluginMode: 'InjectManifest',
          workboxOptions: {
            importWorkboxFrom: 'local',
          },
        }
        : false, // default close dll, because issue https://github.com/ant-design/ant-design-pro/issues/4665
      // dll features https://webpack.js.org/plugins/dll-plugin/
      // dll: {
      //   include: ['dva', 'dva/router', 'dva/saga', 'dva/fetch'],
      //   exclude: ['@babel/runtime', 'netlify-lambda'],
      // },
    },
  ],
  [
    'umi-plugin-pro-block',
    {
      moveMock: false,
      moveService: false,
      modifyRequest: true,
      autoAddMenu: true,
    },
  ],
];

if ( isAntDesignProPreview )
{
  // 针对 preview.pro.ant.design 的 GA 统计代码
  plugins.push( [
    'umi-plugin-ga',
    {
      code: 'UA-72788897-6',
    },
  ] );
  plugins.push( [ 'umi-plugin-antd-theme', themePluginConfig ] );
}

export default {
  plugins,
  hash: true,
  targets: {
    ie: 11,
  },
  // umi routes: https://umijs.org/zh/guide/router.html
  routes: [

    {
      path: '/',
      component: '../layouts/SecurityLayout',
      routes: [
        {
          path: '/',
          component: '../layouts/BasicLayout',
          authority: [],
          routes: [
            {
              path: '/',
              redirect: '/dashboard/monitor'
            },
            {
              name: 'dashboard',
              icon: 'FormOutlined',
              path: '/dashboard',
              routes: [
                {
                  name: 'dashboard-monitor',
                  path: '/dashboard/monitor',
                  component: './DashBoard',
                }
              ]
            },
            {
              name: 'auth',
              icon: 'schedule',
              path: '/auth',

              routes: [
                {
                  name: 'auth-manage',

                  path: '/auth/manage',
                  component: './AuthManage',
                }
              ]
            },
            {
              name: 'question',
              icon: 'FormOutlined',
              path: '/question',
              routes: [
                {
                  name: 'question-manage',
                  path: '/question/manage',
                  component: './QuestionManage',
                }
              ]
            },
            {
              name: 'search',
              icon: 'search',
              path: '/search',
              routes: [
                {
                  name: 'search-hot',

                  path: '/search/hot',
                  component: './HotManage',
                }
              ]
            },
            {
              name: 'debate',
              icon: 'fire',
              path: '/debate',
              routes: [
                {
                  name: 'debate-manage',

                  path: '/debate/manage',
                  component: './DebateManage',
                }
              ]
            },
            {
              name: "detail",
              hideInMenu: true,
              path:"/detail",
              routes: [
                {
                  name:"question",
                  path: '/detail/question',
                  component: './QuestionManage/component/detail/index.jsx',
                }
              ]        
            },
            {
              path: '/admin',
              name: 'admin',
              icon: 'crown',
              component: './Admin',
              authority: [ 'admin' ],
              routes: [
                {
                  path: '/admin/sub-page',
                  name: 'sub-page',
                  icon: 'smile',
                  component: './Welcome',
                  authority: [ 'admin' ],
                },
              ],
            },
            {
              component: './404',
            },
          ],
        },
        {
          component: './404',
        },
      ],
    },
    {
      component: './404',
    },
  ],
  // Theme for antd: https://ant.design/docs/react/customize-theme-cn
  theme: {
    // ...darkTheme,
    primaryColor: defaultSettings.primaryColor,
  },
  define: {
    REACT_APP_ENV: REACT_APP_ENV || false,
    ANT_DESIGN_PRO_ONLY_DO_NOT_USE_IN_YOUR_PRODUCTION:
      ANT_DESIGN_PRO_ONLY_DO_NOT_USE_IN_YOUR_PRODUCTION || '', // preview.pro.ant.design only do not use in your production ; preview.pro.ant.design 专用环境变量，请不要在你的项目中使用它。
  },
  ignoreMomentLocale: true,
  lessLoaderOptions: {
    javascriptEnabled: true,
  },
  disableRedirectHoist: true,
  cssLoaderOptions: {
    modules: true,
    getLocalIdent: ( context, _, localName ) => {
      if (
        context.resourcePath.includes( 'node_modules' ) ||
        context.resourcePath.includes( 'ant.design.pro.less' ) ||
        context.resourcePath.includes( 'global.less' )
      )
      {
        return localName;
      }

      const match = context.resourcePath.match( /src(.*)/ );

      if ( match && match[ 1 ] )
      {
        const antdProPath = match[ 1 ].replace( '.less', '' );
        const arr = slash( antdProPath )
          .split( '/' )
          .map( a => a.replace( /([A-Z])/g, '-$1' ) )
          .map( a => a.toLowerCase() );
        return `antd-pro${ arr.join( '-' ) }-${ localName }`.replace( /--/g, '-' );
      }

      return localName;
    },
  },
  manifest: {
    basePath: '/',
  },
  proxy: proxy[ REACT_APP_ENV || 'dev' ],
  chainWebpack: webpackPlugin,
};
